/*color*/
.color-primary {
  color: #3280fc;
}
.color-secondary {
  color: #145ccd;
}
.color-pale {
  color: #ebf2f9;
}
.color-fore {
  color: #353535;
}
.color-back {
  color: #fff;
}
.color-grayDarker {
  color: #222;
}
.color-grayDark {
  color: #333;
}
.color-gray {
  color: #808080;
}
.color-grayLight {
  color: #ddd;
}
.color-grayLighter {
  color: #e5e5e5;
}
.color-grayPale {
  color: #f1f1f1;
}
.color-white {
  color: #fff;
}
.color-black {
  color: #000;
}
.color-red {
  color: #ea644a;
}
.color-yellow {
  color: #f1a325;
}
.color-green {
  color: #38b03f;
}
.color-blue {
  color: #03b8cf;
}
.color-purple {
  color: #8666b8;
}
.color-brown {
  color: #bd7b46;
}
.color-greenPale {
  color: #ddf4df;
}
.color-yellowPale {
  color: #fff0d5;
}
.color-redPale {
  color: #ffe5e0;
}
.color-bluePale {
  color: #ddf3f5;
}
.color-brownPale {
  color: #f7ebe1;
}
.color-purplePale {
  color: #f5eeff;
}
.color-light {
  color: #fff;
}
.color-dark {
  color: #353535;
}
.color-success {
  color: #38b03f;
}
.color-warning {
  color: #f1a325;
}
.color-danger {
  color: #ea644a;
}
.color-info {
  color: #03b8cf;
}
.color-important {
  color: #bd7b46;
}
.color-special {
  color: #8666b8;
}
.color-successPale {
  color: #ddf4df;
}
.color-warningPale {
  color: #fff0d5;
}
.color-dangerPale {
  color: #ffe5e0;
}
.color-infoPale {
  color: #ddf3f5;
}
.color-importantPale {
  color: #f7ebe1;
}
.color-specialPale {
  color: #f5eeff;
}

/*flat color*/
.flat-success {
  background-color: #1ab394;
  color: #fff;
}
.flat-info {
  background-color: #23c6c8;
  color: #fff;
}
.flat-warning {
  background-color: #f8ac59;
  color: #fff;
}
.flat-danger {
  background-color: #ed5565;
  color: #fff;
}
.flat-disabled {
  background-color: #ddd;
  color: #fff;
}